<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表</title>
    <!--样式后面用CSS实现-->
</head>

<body>
    <!--无序列表<ul>-->
    <h5>ABC</h5>
    <ul>
        <!--列表项<li>-->
        <li>aaaaaaaaaa</li>
        <li>bbbbbbbbbb</li>
        <!--<ul>中只能包含<li>，而<li>中可以容纳所有元素-->
        <li>
            <p>cccccc</p>
            <p>ddddddd</p>
        </li>
    </ul>
    <!--有序列表<ol>-->
    <h5>123</h5>
    <ol>
        <li>a11111111</li>
        <li>b22222222</li>
        <!--<ol>中也只能包含<li>，而<li>中可以容纳所有元素-->
        <li>c3333<p>mmm</p>3333</li>
    </ol>
    <!--自定义列表<dl>-->
    <dl>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>官方微信</dd>
    </dl>
    <dl>
        <dt>帮助中心</dt>
        <dd>购物指南</dd>
        <dd>订单操作</dd>
    </dl>
</body>

</html>